<template>
  <div>
    <h1>Count</h1>
    <input type="text" :value="countValue" @input="$emit('update:countValue',$event.target.value)"/>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
    name:"Count",
})
</script>

<script lang="ts" setup>
defineEmits<{
    (event:'update:countValue'):void
}>()
defineProps<{
    countValue:number
}>()
</script>

<style scoped>

</style>